<template>
  <div class="scheme">
    <HomeTitle class="border">
      <h2 slot="title">调理方案</h2>
      <h1 slot="up">收起↑</h1>
    </HomeTitle>
    <div class="bottom">
      <li v-for="(v, i) in arr" :key="i">
        <span class="iconfont icon-wenhao"></span>
        <span>{{v.text}}</span>
        <span class="iconfont icon-xiajiantou"></span>
      </li>
    </div>
  </div>
</template>

<script>
import getlink from '../api/getlink.js'
import HomeTitle from "./homeTitle.vue";
export default {
    data(){
        return{
            arr:[]
        }
    },
  components: {
    HomeTitle,
  },
  created(){
      getlink("/data/list/xiaoming").then((ok)=>{
          this.arr=ok.data.tiaolifangan
      })
  }
};
</script>

<style scoped>
.border {
  border-bottom: 0.01rem solid #999;
}
h2 {
  font-weight: 700;
  font-size: 0.18rem;
}
.icon-wenhao {
  font-size: 0.2rem;
  color: #999;
}
.bottom li {
  padding: 0 0.2rem;
  height: 0.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 0.01rem solid #999;
}
.bottom li span:nth-child(2) {
  color: green;
  font-weight: 700;
  flex: 1;
  padding-left: 0.08rem;
}
</style>